<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="../css/reset.css">
    <link rel="stylesheet" href="../css/common.css">
    <link rel="stylesheet" href="../css/template.css">
    <!-- 导入轮播图样式 -->
    <link rel="stylesheet" href="../css/slider.css">
    <link rel="stylesheet" href="../css/login.css">
    <script src="../lib/jquery.js"></script>
    <!-- 导入表单验证插件代码 -->
    <script src="../lib/jquery.validate.min.js"></script>
    <script src="../js/login.js"></script>
    <script>
        $(this).next
    </script>
    <title>Document</title>
</head>
<body>
    <!-- 头部 -->
    <div class="head clearfix">
        <!-- 网站提示 -->
        <div class="head-top container-fluid">
            <div class="container c-ffffff">
                <p class="fl ti-268"><a href="./home.html">legochina.cn</a></p>
                <p class="fr">欢迎光临<a href="./home.html">乐购</a>，请 <a href="./login.html">登录</a>\<a href="./register.html">注册</a></p>
                <h1 class="logo">
                    <img src="../image/logo-2.jpg" alt="">
                </h1>
            </div>
        </div>
        <!-- 搜索栏区域 -->
        <div class="head-login fsize-28 ti-288 container">
            欢迎登录
        </div>
    </div>
    <div class="login container-fluid">
        <div class="login-bg container">
            <div class="login-body">
                <div class="login-body-select pt20 pb10 clearfix border2-bottom-cecece">
                    <span class="border2-right-cecece fl c-ff6600 fsize-20">扫码登录</span>
                    <span class="fl fsize-20">账户登录</span>
                </div>
                <div class="login-body-select-body active">
                    <div class="qrcode-main">
                        <div class="qrcode-img">
                            <img src="../image/weix1.png" alt="">
                        </div>
                        <div class="qrcode-help"></div>
                    </div>
                    <p class="mt30 tac">
                        打开手机版&nbsp;乐购APP&nbsp;扫一扫
                    </p>
                </div>
                <div class="login-body-select-body mt48">
                    <form action="#" class="login-body-select-body-account-number" id="myform">
                        <label class="usernames">
                            <span class="fl"></span>
                            <input type="text" name="username" id="" placeholder="邮箱/电话/用户名">
                        </label>
                        <label class="passworld mt16">
                            <span class="fl"></span>
                            <input type="text" name="passworld" id="" placeholder="密码">
                        </label>
                        <p class="mt16 clearfix">
                            <span class="fl">
                                <input type="checkbox">自动登录
                            </span>
                            <a href="#" class="fr">忘记密码</a>
                        </p>
                        <input type="submit" value="登录" class="login-body-select-body-btn mt16 fsize-22 bgc-f60 lineh-40 c-ffffff">
                    </form>
                    <p class="go-register fsize-18 border2-top-cecece mt24">
                        <a href="register.html">
                            <img src="../image/05-登录_09.jpg" alt="">
                            <span>立即注册</span>
                        </a>
                    </p>
                </div>
            </div>
        </div>
    </div>
    <!-- 页脚 -->
    <div class="foot">
        <div class="foot-bottom border-top-tran container">
            <p class="mt24">公司简介 | Investor Relations | 网站联盟 | 乐购招商 | 机构销售 | 手机乐购 | 官方Blog | 热词搜索</p>
            <p class="mt24">Copyright (C) 乐购网 2004-2016, All Rights Reserved</p>
        </div>
    </div>
</body>
</html>